---
comments: false
---
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.7.6/dat.gui.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
    <script src="linmo.js"></script>
    <link rel="stylesheet" href="linmo.css">
    <script src="../../poem/js/shufaDictJS.js"></script>
    <link rel="stylesheet" href="../../poem/css/shufaDictCSS.css">
</head>
<style>
     #backButton {
        background-image: url('../../poem/images/back.png');
        width: 20px;
        height: 20px;
        background-size: cover;
        cursor: pointer;
    }
    #buttonC {
        justify-content: center;
        align-items: center;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
       
    }
    #containers{
        /* width: 100%; */
        height: 1000px;
        display: flex; /* 使用 Flexbox */
        justify-content: center; /* 水平居中 */
        align-items: center; /* 垂直居中 */
        flex-direction: column; /* 垂直排列 */
        margin-top: 15px;
        
        /* background-color: red; */
        /* height: 50vh; */
    }
    #gui_container {
        width: 300px;
        height: 500px;
        /* background-image: url('../../poem/images/m1.png'); */
        /* background-color: aqua; */
    }
    /* #guides{
        z-index: 1;
        width: 100%;
        height: 0px;
    }
    #art{
        z-index: 2;
        width: 100%;
        height: 500px;
    } */
</style>
<body>
    <div id="buttonC"></div>
        <div id="backButton"></div>
    </div>
    <div id="containers">
        <canvas id="guides"></canvas>
        <canvas id="art"></canvas>
        <div id="gui_container"></div>
    </div>
    <script>
        localStorage.removeItem('searchSpringCoupletKeyword', "");
        var elements = document.querySelector('.post-title__text');
        elements.textContent = '临摹';
        hiddenEle()
        var img = document.getElementById('backButton');
        img.addEventListener('click', function () {
            window.history.back()
        });
    </script>
</body>
</html>